<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>AiEditor Demo</title>
    <script>
        let isDark = false;
        function dark() {
            if (!isDark) {
                document.body.style.background = "#1a1b1e"
                document.querySelector("#title").style.color = "#eee"
                document.querySelector("#aiEditor").classList.remove("aie-theme-light");
                document.querySelector("#aiEditor").classList.add("aie-theme-dark");
            } else {
                document.body.style.background = ""
                document.querySelector("#title").style.color = ""
                document.querySelector("#aiEditor").classList.remove("aie-theme-dark");
                document.querySelector("#aiEditor").classList.add("aie-theme-light");
            }
            isDark = !isDark;
        }

        function changeLang(){
            const lang = localStorage.getItem("lang");
            if (!lang || lang === "zh"){
                aiEditor.changeLang("en");
                localStorage.setItem("lang","en");
            }else {
                aiEditor.changeLang("zh");
                localStorage.setItem("lang","zh");
            }
        }

        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?9fd447a0f9e62a84d1b752a2cacb2c6b";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
<!--    <style>-->
<!--        .aie-content {-->
<!--            font-size: 18px;-->
<!--        }-->
<!--    </style>-->
</head>
<body>


<div style="padding: 10px 20px;font-size: 30px" id="title">
    AiEditor，一个面向 AI 的下一代富文本编辑器。
    <a href="https://gitee.com/aieditor-team/aieditor" target="_blank">获取源码</a>
    <a href="https://aieditor.dev" target="_blank">访问官网</a>
    <button onclick="dark()">切换主题</button>
    <button onclick="changeLang()">切换语言</button>
</div>

<div id="aiEditor" style="height: 450px;  margin: 20px"></div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>
